<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>{{$data.title}}_全球贵金属产业综合服务平台|金银加工|专业物流</title>
		<script src="{{$smarty.const.APP_URL}}templates/default/js/mui.min.js"></script>
		<link href="{{$smarty.const.APP_URL}}templates/default/css/zhaojinyin_index.css" rel="stylesheet" />
		<link href="{{$smarty.const.APP_URL}}templates/default/css/mui.min.css" rel="stylesheet" />
		<link href="{{$smarty.const.APP_URL}}templates/default/css/mui.css" rel="stylesheet" />
		<link href="{{$smarty.const.APP_URL}}templates/default/css/app.css" rel="stylesheet" />
		<link href="{{$smarty.const.APP_URL}}templates/default/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" charset="utf-8">
			mui.init({
				tap: true,
				doubletap: true,
				longtap: true,
				swipe: true,
				drag: true,
				hold: false,
				release: false,
				swipeBack: true //启用右滑关闭功能
			});
			(function($, doc) {
				$.plusReady(function() {
					var sendButtonIndex = doc.getElementById('tabbar_index');
					sendButtonIndex.addEventListener('tap', function() {
						$.openWindow({
							url: 'index.html'
						});
					}, false);
					var sendButton0 = doc.getElementById('caigou_item');
					sendButton0.addEventListener('tap', function() {
						$.openWindow({
							url: 'caigou.html'
						});
					}, false);
					var sendButton1 = doc.getElementById('baojia_item');
					sendButton1.addEventListener('tap', function() {
						$.openWindow({
							url: 'baojia_fabu.html'
						});
					}, false);
					var sendButton2 = doc.getElementById('huiyuanzhongxin_item');
					sendButton2.addEventListener('tap', function() {
						$.openWindow({
							url: 'huiyuanzhongxin.html'
						});
					}, false);
					var xianhuoButton = doc.getElementById('xianhuo');
					xianhuoButton.addEventListener('tap', function() {
						$.openWindow({
							url: 'xianhuo.html'
						});
					}, false);
					//注册
					doc.getElementById('zhuce').addEventListener('tap', function(){
						$.openWindow({
							url: 'huiyuanzhongxin_zhuce.html'
						});
					}, false);
					//sousuo
					doc.getElementById('sousuo').addEventListener('tap', function(){
						$.openWindow({
							url: 'sousuo.html'
						});
					}, false);
					//加工
					doc.getElementById('jiagong').addEventListener('tap', function(){
						$.openWindow({
							url: 'index_jiagong.html'
						});
					}, false);
					doc.getElementById('jiagong1').addEventListener('tap', function(){
						$.openWindow({
							url: 'index_jiagong.html'
						});
					}, false);
					doc.getElementById('jiagong2').addEventListener('tap', function(){
						$.openWindow({
							url: 'index_jiagong.html'
						});
					}, false);
					doc.getElementById('jiagong3').addEventListener('tap', function(){
						$.openWindow({
							url: 'index_jiagong.html'
						});
					}, false);
					doc.getElementById('jiagong4').addEventListener('tap', function(){
						$.openWindow({
							url: 'index_jiagong.html'
						});
					}, false);
					doc.getElementById('jiagong5').addEventListener('tap', function(){
						$.openWindow({
							url: 'index_jiagong.html'
						});
					}, false);
					doc.getElementById('jiagong6').addEventListener('tap', function(){
						$.openWindow({
							url: 'index_F5.html'
						});
					}, false);
					
				});
			}(mui, document));
		</script>

	</head>

	<body style="padding-bottom: 100px;">
		<!-- 导航 -->
		<div class="mui-bar mui-bar-nav bj">
			<button id="zhuce" class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys">
				<a href="/index/reg" style="color: white">注册</a> <a href="/index/login" style="color: white">登录</a> <a href="/wap_pay/index" style="color: white">支付测试</a>
			</button>
			<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-right zys">
				<span style="padding-right: 8px;" class="mui-icon mui-icon-chat"></span>
			</button>
			<div id="sousuo" style="width: 75%; margin: 0 auto; position: relative; top: -42px;" class="mui-input-row mui-search mui-plus-visible">
				<input style="background: #FFFFFF; " id="search" type="search" class="mui-input-speech mui-input-clear" placeholder="请输入关键词">
			</div>
		</div>
		<!-- 主体内容 -->
		<section>
			<!-- banner -->
			<div id="slider" class="mui-slider mt45">
				<div class="mui-slider-group mui-slider-loop">
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#"><img src="{{$smarty.const.APP_URL}}templates/default/images/hou640.240.jpg"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="{{$smarty.const.APP_URL}}templates/default/images/hou640.240.jpg"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="{{$smarty.const.APP_URL}}templates/default/images/hou640.240.jpg"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="{{$smarty.const.APP_URL}}templates/default/images/hou640.240.jpg"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="{{$smarty.const.APP_URL}}templates/default/images/hou640.240.jpg"></a>
					</div>
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#"><img src="{{$smarty.const.APP_URL}}templates/default/images/hou640.240.jpg"></a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<!-- 搜索 -->
			<div style="display: none;" class="mui-input-row mui-search">
				<input type="search" class="mui-input-speech mui-input-clear bj_fff" placeholder="带语音识别的搜索框">
			</div>
			<!-- 九宫格 -->
			<div class="mui-content">
				<ul class="mui-table-view mui-grid-view mui-grid-9 bj_fff">
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="xianhuo">
						<a href="#">
							<span class="mui-icon icon_xianhuo"></span>
							<div class="mui-media-body">现货</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a id="jiagong" href="#">
							<span class="mui-icon icon_jiagong"><span class="mui-badge">5</span></span>
							<div class="mui-media-body">加工</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a id="jiagong1" href="#">
							<span class="mui-icon icon_wuliu"></span>
							<div class="mui-media-body">物流</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a id="jiagong2" href="#">
							<span class="mui-icon icon_wuliu"></span>
							<div class="mui-media-body">合作</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a id="jiagong3" href="#">
							<span class="mui-icon icon_jiagong"></span>
							<div class="mui-media-body">资金</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a id="jiagong4" href="#">
							<span class="mui-icon icon_zixun"></span>
							<div class="mui-media-body">资讯</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a id="jiagong5" href="#">
							<span class="mui-icon icon_zixun"></span>
							<div class="mui-media-body">商城</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a id="jiagong6" href="#">
							<span class="mui-icon icon_xianhuo"></span>
							<div class="mui-media-body">敬请期待</div>
						</a>
					</li>
				</ul>
			</div>
		</section>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" id="tabbar_index" href="javascript:void(0);">
				<span class="mui-icon fa fa-diamond font_sz"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" id="caigou_item" href="javascript:void(0);">
				<span class="mui-icon fa fa-cart-plus"></span>
				<span class="mui-tab-label">采购</span>
			</a>
			<a class="mui-tab-item" id="baojia_item" href="javascript:void(0);">
				<span class="mui-icon fa fa-calculator font_sz"></span>
				<span class="mui-tab-label">报价</span>
			</a>
			<a class="mui-tab-item" id="huiyuanzhongxin_item" href="javascript:void(0);">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我</span>
			</a>
		</nav>

	</body>

</html>